@charset "utf-8";
/*
 * 模拟下拉select v1.2
 * Author : cm.yu
 * Date : 2017-5-8
 */
.yui-select {position:relative;text-align: left;z-index:0;}
.yui-select p{height:34px; line-height:34px;border:1px solid #e6e6e6;border-radius:2px;color:#333; cursor:pointer;background:#fff;overflow:hidden;width: 98%;z-index:100;}
.yui-select p span {padding-left:5px;}
.yui-select p i {font-size:26px;color:#555;float: right;margin:2px 2px 0 0;transition:transform .3s ease;-webkit-transition:transform .3s ease;}
.yui-select p.current {border-color: #bfbfbf;}
.yui-select p.current i {transform:rotate(-180deg);-webkit-transform:rotate(-180deg);}
.yui-select ul{z-index:102;background:#fff;border:1px solid #cdd1d5; border-radius: 2px; position:absolute; display:none;left:0;margin-top:2px;box-shadow:0 0 5px rgba(150,150,150,.2);max-height:250px;_height:expression(this.scrollHeight>250?'250px':'auto');overflow-y:auto;width: 98%;color:#888;}
.yui-select ul li{height:30px; line-height:30px;overflow: hidden;vertical-align: top;padding:0 5px;cursor: pointer;transition:all .2s ease;-webkit-transition:all .2s ease;}
.yui-select ul li:hover {background: #f2f2f2;text-decoration: none;color: #333;}
.yui-select ul li.on {background: #59595a;color: #fff;}
.yui-select-readonly p {background: #f9f9f9;cursor:no-drop;}